//生成菜单
var menuItem = Vue
		.extend({
			name : 'menu-item',
			props : {
				item : {},
				index : 0
			},
			template : [
					'<li :class="{active: (item.type===0 && index === 0)}">',
					'<a v-if="item.type === 0" href="javascript:;">',
					'<i v-if="item.icon != null" :class="item.icon"></i>',
					'<span>{{item.name}}</span>',
					'<i class="fa fa-angle-left pull-right"></i>',
					'</a>',
					'<ul v-if="item.type === 0" class="treeview-menu">',
					'<menu-item :item="item" :index="index" v-for="(item, index) in item.list"></menu-item>',
					'</ul>',
					'<a v-if="item.type === 1" :href="\'#\'+item.url">'
							+ '<i v-if="item.icon != null" :class="item.icon"></i>'
							+ '<i v-else class="fa fa-circle-o"></i> {{item.name}}'
							+ '</a>', '</li>' ].join('')
		});

// iframe自适应
$(window).on('resize', function() {
	var $content = $('.content');
	$content.height($(this).height() - 120);
	$content.find('iframe').each(function() {
		$(this).height($content.height());
	});
}).resize();

// 注册菜单组件
Vue.component('menuItem', menuItem);

var vm = new Vue({
	el : '#rrapp',
	data : {
		user : {},
		menuList : {},
		main : "main.html",
		password : '',
		newPassword : '',
		navTitle : "欢迎页"
	},
	methods : {
		getMenuList : function() {

			$(function() {
				vm.menuList = [ {
					"menuId" : 0,
					"parentId" : null,
					"parentName" : null,
					"name" : "医生信息管理",
					"url" : "modules/doctorinfo.html",
					"perms" : null,
					"type" : 1,
					"icon" : "fa fa-pie-chart",
					"orderNum" : 0,
					"open" : null,
					"list" : null
				}, {
					"menuId" : 1,
					"parentId" : null,
					"parentName" : null,
					"name" : "就诊信息管理",
					"url" : "modules/patientinfo.html",
					"perms" : null,
					"type" : 1,
					"icon" : "fa fa-address-book-o",
					"orderNum" : 1,
					"open" : null,
					"list" : null
				} ];

			});
			// $.getJSON(baseURL + "sys/menu/nav", function(r){
			// vm.menuList = r.menuList;
			// // window.permissions = r.permissions;
			// });
		},
		getUser : function() {
			$.getJSON(baseURL + "wisarchivesaccount/info/"
					+ localStorage.getItem("token"), function(r) {
				vm.user = r.wisArchivesAccount;
			});
		},
		updatePassword : function() {
			layer.open({
				type : 1,
				skin : 'layui-layer-molv',
				title : "修改密码",
				area : [ '550px', '270px' ],
				shadeClose : false,
				content : jQuery("#passwordLayer"),
				btn : [ '修改', '取消' ],
				btn1 : function(index) {
					var data = "password=" + vm.password + "&newPassword="
							+ vm.newPassword;
					$.ajax({
						type : "POST",
						url : baseURL + "sys/user/password",
						data : data,
						dataType : "json",
						success : function(r) {
							if (r.code == 0) {
								layer.close(index);
								layer.alert('修改成功', function() {
									location.reload();
								});
							} else {
								layer.alert(r.msg);
							}
						}
					});
				}
			});
		},
		logout : function() {
			$.ajax({
				type : "POST",
				url : baseURL + "sys/logout",
				dataType : "json",
				success : function(r) {
					// 删除本地token
					localStorage.removeItem("token");
					// 跳转到登录页面
					location.href = baseURL + 'views/login.html';
				}
			});
		}
	},
	created : function() {
		this.getMenuList();
		this.getUser();
	},
	updated : function() {
		// 路由
		var router = new Router();
		routerList(router, vm.menuList);
		router.start();
	}
});

function routerList(router, menuList) {
	for ( var key in menuList) {
		var menu = menuList[key];
		if (menu.type == 0) {
			routerList(router, menu.list);
		} else if (menu.type == 1) {
			router.add('#' + menu.url, function() {
				var url = window.location.hash;

				// 替换iframe的url
				vm.main = url.replace('#', '');

				// 导航菜单展开
				$(".treeview-menu li").removeClass("active");
				$(".sidebar-menu li").removeClass("active");
				$("a[href='" + url + "']").parents("li").addClass("active");

				vm.navTitle = $("a[href='" + url + "']").text();
			});
		}
	}
}